﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="e_TeachNext.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>e-TeachNext</title>
    <style type="text/css">
        .auto-style1 {
            width: 191px;
        }
        .auto-style4 {
            width: 128px;
        }
        .auto-style5 {
            width: 191px;
            height: 26px;
        }
        .auto-style6 {
            width: 128px;
            height: 26px;
        }
        .auto-style7 {
            height: 26px;
        }
        .auto-style8 {
            width: 190px;
        }
        .auto-style9 {
            width: 132px;
        }
        .auto-style10 {
            width: 135px;
        }
    </style>
</head>
<body>
    <form id="frmLogin" runat="server">
    <div style="margin: 0 auto; height:auto; width: 720px; border: 2px solid #d018b6;">            
        <asp:MultiView ID="mvwLogin" runat="server" ActiveViewIndex="0">
            <asp:View ID="vwLogin" runat="server">
                <table style="width:100%;">
                    <tr>
                        <td class="auto-style5"></td>
                        <td class="auto-style6">User ID :</td>
                        <td class="auto-style7">
                            <asp:TextBox ID="txtUserIDLogin" runat="server" Width="178px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="valUserID" runat="server" ControlToValidate="txtUserIDLogin" ErrorMessage="Please enter  user ID" ForeColor="Red">*</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style1">&nbsp;</td>
                        <td class="auto-style4">Password :</td>
                        <td>
                            <asp:TextBox ID="txtPasswordLogin" runat="server" Width="175px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="valPassword" runat="server" ControlToValidate="txtPasswordLogin" ErrorMessage="Please enter your password." ForeColor="Red">*</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style1">&nbsp;</td>
                        <td class="auto-style4">
                            <asp:Button ID="btnLogin" runat="server" Text="Login" Width="87px" OnClick="btnLogin_Click" />
                        </td>
                        <td>
                            <asp:LinkButton ID="lbtnRegister" runat="server" OnClick="lbtnRegister_Click">New user ? Click here to create new user</asp:LinkButton>
                        </td>
                    </tr>
                </table>
            </asp:View>
            <asp:View ID="vwRegister" runat="server">
                <table style="width:100%;">
                    <tr>
                        <td class="auto-style8">&nbsp;</td>
                        <td class="auto-style9">User ID :</td>
                        <td>
                            <asp:TextBox ID="txtuserIDRegister" runat="server" Width="175px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="valUserIDRegister" runat="server" ControlToValidate="txtuserIDRegister" ErrorMessage="Please enter a username" ForeColor="Red">*</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style8">&nbsp;</td>
                        <td class="auto-style9">Password : </td>
                        <td>
                            <asp:TextBox ID="txtPasswordRegister" runat="server" Width="175px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="valPasswordRegister" runat="server" ControlToValidate="txtPasswordRegister" ErrorMessage="Please enter your password" ForeColor="Red">*</asp:RequiredFieldValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style8">&nbsp;</td>
                        <td class="auto-style9">Confirm Password :</td>
                        <td>
                            <asp:TextBox ID="txtConfirmPasswordRegister" runat="server" Width="175px"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="valPasswordRegisterFormat" runat="server" ControlToValidate="txtConfirmPasswordRegister" ErrorMessage="Please confirm your password." ForeColor="Red">*</asp:RequiredFieldValidator>
                            <asp:CompareValidator ID="valPasswrodConfirmFormat" runat="server" ControlToCompare="txtPasswordRegister" ControlToValidate="txtConfirmPasswordRegister" ErrorMessage="Password must be the same ." ForeColor="Red">*</asp:CompareValidator>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style8">&nbsp;</td>
                        <td class="auto-style9">
                            <asp:Button ID="btnRegister" runat="server" Text="Register" Width="85px" OnClick="btnRegister_Click" />
                        </td>
                        <td>
                            <asp:Button ID="btnReset" runat="server" Text="Reset" Width="79px" CausesValidation="False" OnClick="btnReset_Click" />&nbsp;&nbsp;
                            <asp:Button ID="btnCancelRegister" runat="server" Text="Cancel" Width="85px" OnClick="btnCancelRegister_Click" />
                        </td>
                    </tr>
                </table>
            </asp:View>
            <asp:View ID="vwStatus" runat="server">
                <table style="width:100%;">
                    <tr>
                        <td class="auto-style8">&nbsp;</td>
                        <td class="auto-style10">
                            <h2>Status</h2>
                        </td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="auto-style8">&nbsp;</td>
                        <td class="auto-style10">
                            &nbsp;</td>
                        <td>
                            <asp:Label ID="lblStatus" runat="server" Text="[lblStatus]"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style8">&nbsp;</td>
                        <td class="auto-style10">&nbsp;</td>
                        <td>
                            <asp:Button ID="btnYes" runat="server" Text="Yes" Width="77px" />
                            &nbsp;
                            <asp:Button ID="btnCancelStatus" runat="server" Text="Cancel" Width="92px" />
                        </td>
                    </tr>
                    <tr>
                        <td class="auto-style8">&nbsp;</td>
                        <td class="auto-style10">&nbsp;</td>
                        <td>                            
                        </td>
                    </tr>
                </table>
            </asp:View>
        </asp:MultiView>
        <asp:ValidationSummary ID="ValidationSummary2" runat="server" ForeColor="Red" HeaderText="List Errors :" />    
    </div>
    </form>
</body>
</html>
